<template>
	<!-- <view class="setting" :style="{fontFamily: lang == 'cn' ? 'Microsoft YaHei UI-Regular Microsoft YaHei UI' : 'ALKATIP Tor Tom'}"> -->
	<view class="setting" :style="{fontFamily: lang == 'cn' ? 'ALKATIP Tor Tom' : 'ALKATIP Tor Tom'}">
		<view class="title">
			{{ $t('settings.您考的语言和驾照类型') }}
		</view>
		<view class="setting_header" style="direction: rtl;">
			{{ $t('settings.已更新') }}
		</view>
		<!-- 选择语言 -->
		<view class="select-lang">
			<view v-if="lang == 'cn'" class="lang_top">
				{{ $t('settings.选择语言') }}
			</view>
			<view v-else class="lang_top shipeiTextalgin">
				{{ $t('settings.选择语言') }}
			</view>
			<!-- 语言选项 -->
			<view class="select_lang-option">
				<view class="lang_one" :style="{lineHeight: lang == 'cn' ? '60rpx' : '70rpx'}"
					:class="lang == 'cn' ? 'lang-oneed' : ''" @click="Langcn()">
					{{ $t('cn') }}
				</view>
				<view class="lang_one" :style="{lineHeight: lang == 'cn' ? '60rpx' : '70rpx'}"
					:class="lang == 'kz' ? 'lang-oneed' : ''" @click="Langkz()">
					{{ $t('kz') }}
				</view>
				<view class="lang_one" :style="{lineHeight: lang == 'cn' ? '60rpx' : '70rpx'}"
					:class="lang == 'uy' ? 'lang-oneed' : ''" @click="Languy()">
					{{ $t('uy') }}
				</view>
			</view>
		</view>
		<!-- 学车城市 -->
		<!-- <view class="setting-city">
			<view class="city-left city">
				<image class="city-left-img"
					src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/dingwei.png"></image>
				<view class="city-left-text">
					{{ $t('settings.学车城市') }}
				</view>
				<image class="city-left-hdftk"
					src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/hdftk.png"></image>
			</view>
			<view class="city-right city">
				<view class="city-right-address" @click="selectcity">
					{{ localaddress }}
				</view>
				<image class="city-right-img"
					src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/zjt.png"></image>
			</view>
		</view> -->
		<!-- 选择题库 -->
		<view class="select-ku">
			<view v-if="lang == 'cn'" class="ku-top">
				<text class="ku-top-text">{{ $t('settings.选择题库') }}</text>
				<text class="ku-top-xin">({{ $t('settings.当前选择') }}:{{yearKey}})</text>
				<!-- <text class="ku-top-xin">{{yearKey}}</text> -->
			</view>
			<view v-else class="ku-top shipeiTextalgin">
				<text class="ku-top-text" style="margin-left: 5rpx;">{{ $t('settings.选择题库') }}</text>
				<text class="ku-top-xin">({{ $t('settings.当前选择') }}:{{yearKey}})</text>
				<!-- <text class="ku-top-xin"></text> -->
			</view>
			<view class="ku-bottom">
				<view class="ku-bottom-one" :style="{lineHeight: lang == 'cn' ? '80rpx' : '80rpx'}"
					:class="yearKey == '2024'? 'ku-bottom-oneed' : ''" @click="selectYear('2023',0)">
					{{ $t('settings.2023') }}
				</view>
				<view class="ku-bottom-one" :style="{lineHeight: lang == 'cn' ? '80rpx' : '80rpx'}"
					:class="yearKey == '2022' ? 'ku-bottom-oneed' : ''" @click="selectYear('2022',1)">
					{{ $t('settings.2022') }}
				</view>
			</view>
		</view>

		<!-- 驾驶证 -->
		<view class="select-jsz">
			<view v-if="lang == 'cn'" class="jsz-top">
				<text class="jsz-top-text">{{ $t('settings.驾驶证') }}</text>
				<text class="jsz-top-xin">({{$t('settings.当前选择')}}:{{typesANDNames}})</text>
			</view>
			<view v-else class="jsz-top shipeiTextalgin" style="direction: rtl;">
				<text class="jsz-top-text" style="margin-left: 20rpx;">{{ $t('settings.驾驶证')}}</text>
				<text class="jsz-top-xin">({{$t('settings.当前选择')}}:{{typesANDNames}})</text>
			</view>
			<view class="jsz-bottom">
				<view class="jsz-bottom-item " :class="carttype == 'C1C2C3' ? 'jsz-bottom-item-bg' : ''"
					@click="carttypes('C1C2C3', '小车')">
					<image class="sz-bottom-img"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/xc.png"></image>
					<view v-if="lang == 'cn'" class="sz-bottom-text" style="margin-top: 30rpx;">{{ $t('settings.小车') }}
					</view>
					<view v-else class="sz-bottom-text">
						<view class="" style="direction: rtl; margin-top: 30rpx;">
							<text style="margin-left: 10rpx;">{{ $t('settings.小车') }}</text>
							C1/C2/C3
						</view>
					</view>
				</view>
				<view class="jsz-bottom-item" :class="carttype == 'DEF' ? 'jsz-bottom-item-bg' : ''"
					@click="carttypes('DEF', '摩托车')">
					<image class="sz-bottom-img mtc"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/mtc.png"></image>
					<view v-if="lang == 'cn'" class="sz-bottom-text" style="margin-top: 30rpx;">{{ $t('settings.摩托车') }}
					</view>
					<view v-else class="sz-bottom-text">
						<view class="" style="direction: rtl; margin-top: 30rpx;">
							<text style="margin-left: 10rpx;">{{ $t('settings.摩托车') }}</text>
							D/E/F
						</view>
						<!-- <view class="">
							{{ $t('settings.摩托车') }}
						</view>
						<view class="">
							D/E/F
						</view> -->
					</view>
				</view>
				<view class="jsz-bottom-item" :class="carttype == 'A1A3B1' ? 'jsz-bottom-item-bg' : ''"
					@click="carttypes('A1A3B1', '客车')">
					<image class="sz-bottom-img kc"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/kc.png"></image>
					<view v-if="lang == 'cn'" class="sz-bottom-text" style="margin-top: 30rpx;">{{ $t('settings.客车') }}
					</view>
					<view v-else class="sz-bottom-text">
						<view class="" style="direction: rtl; margin-top: 30rpx;">
							<text style="margin-left: 10rpx;">{{ $t('settings.客车') }}</text>
							A1/A3/B1
						</view>
						<!-- 	<view class="">
							{{ $t('settings.客车') }}
						</view>
						<view class="">
							A1/A3/B1
						</view> -->

					</view>
				</view>
				<view class="jsz-bottom-item" :class="carttype == 'A2B2' ? 'jsz-bottom-item-bg' : ''"
					@click="carttypes('A2B2', '货车')">
					<image class="sz-bottom-img hc"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/hc.png"></image>
					<view v-if="lang == 'cn'" class="sz-bottom-text" style="margin-top: 30rpx;">{{ $t('settings.货车') }}
					</view>
					<view v-else class="sz-bottom-text">
						<view class="" style="direction: rtl; margin-top: 30rpx;">
							<text style="margin-left: 10rpx;">{{ $t('settings.货车') }}</text>
							A2/B2
						</view>
						<!-- <view class="">
							{{ $t('settings.货车') }}
						</view>
						<view class="">
							 A2/B2
						</view> -->
					</view>
				</view>
			</view>
		</view>

		<!-- 资格证 -->
		<view class="select-zgz">
			<view v-if="lang == 'cn'" class="zgz-top">
				<text class="jsz-top-text">{{ $t('settings.资格证') }}</text>
			</view>
			<view v-else class="zgz-top shipeiTextalgin">
				<text class="jsz-top-text">{{ $t('settings.资格证') }}</text>
			</view>
			<view v-if="lang == 'cn'" class="zgz-bottom">
				<view class="zgz-bottom-item" :class="carttypelink == 'Z_HUOYUN' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_HUOYUN', '货运')">
					<image class="zgz-bottom-img-one"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/hcimg.png"></image>
					<view class="">
						{{ $t('settings.货运') }}
					</view>
				</view>
				<view class="zgz-bottom-item" :class="carttypelink == 'Z_KEYUN' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_KEYUN', '客运')">
					<image class="zgz-bottom-img-two"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/kyimg.png"></image>
					<view class="zgz-bottom-two-text">
						{{ $t('settings.客运') }}
					</view>

				</view>
				<view class="zgz-bottom-item" :class="carttypelink == 'Z_WEIXIANPING' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_WEIXIANPING', '危险品')">
					<image class="zgz-bottom-img-three"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/wxpimg.png">
					</image>
					<view class="">
						{{ $t('settings.危险品') }}
					</view>
				</view>
			</view>
			<view v-else class="zgz-bottom">
				<view class="zgz-bottom-item shipeiheight" :class="carttypelink == 'Z_HUOYUN' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_HUOYUN', '货运')">
					<image class="zgz-bottom-img-one"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/hcimg.png"></image>
					<view class="">
						{{ $t('settings.货运') }}
					</view>
				</view>
				<view class="zgz-bottom-item shipeiheight" :class="carttypelink == 'Z_KEYUN' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_KEYUN', '客运')">
					<image class="zgz-bottom-img-two"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/kyimg.png"></image>
					<view class="zgz-bottom-two-text">
						{{ $t('settings.客运') }}
					</view>

				</view>
				<view class="zgz-bottom-item shipeiheight"
					:class="carttypelink == 'Z_WEIXIANPING' ? 'zgz-bottom-ed' : ''"
					@click="carttypeslinks('Z_WEIXIANPING', '危险品')">
					<image class="zgz-bottom-img-three"
						src="https://tongyongjiakao-1307163845.cos.ap-shanghai.myqcloud.com/used_img/wxpimg.png">
					</image>
					<view class="">
						{{ $t('settings.危险品') }}
					</view>
				</view>
			</view>
		</view>
		<view class="" style="height: 220rpx;">

		</view>
		<view class="subbtn" @click="selectOk">
			<view class="sz-bottom-text">{{ $t('settings.选好了') }}</view>
		</view>

		<city-select v-model="cityshow" @city-change="cityChange"></city-select>

	</view>
</template>

<script>
	import {
		getCarType,
		getArrEqual,
		getArrload
	} from '../../common/savetool.js';
	// import citySelect from './u-city-select.vue';
	import citySelect from '../school/u-city-select.vue';
	export default {
		components: {
			citySelect
		},
		data() {
			return {
				localaddress: "乌鲁木齐市",
				cityshow: false, //显示地区,
				numList: [{
						name: this.$t('settings.lang')
					},
					{
						name: this.$t('settings.type')
					},
					{
						name: this.$t('settings.cartype')
					},
					{
						name: this.$t('settings.subject')
					}
				],
				drivertype: '', //驾驶证还在资格证
				carttype: 'C1C2C3', //准考车型
				carttypelink: '', //资格证类型
				linkok: false, //是否允许跳转
				examtype: '1', //考试类型
				// current: 0,
				lang: this.$i18n.locale,
				cartname: '',
				yearKey: "2024",
				typesANDNames: "小车C1C2C3"
			}
		},
		onLoad() {
			var that = this;

			try {
				const value = uni.getStorageSync('lang_key');
				//console.log("app onlaunch",value);
				if (value) {
					that.$i18n.locale = value;
					that.lang = value;

				} else {
					that.lang = 'cn';
					that.$i18n.locale = 'cn';
				}
			} catch (e) {
				// error
				that.lang = 'cn';
				that.$i18n.locale = 'cn';
			}


			// uni.getStorage({
			// 	key: 'exam_type', //证类型
			// 	success: function(res) {
			// 		console.log("已经设置过了，不要重复设置，如果想重复设置，请清理kem——type", res)
			// 		console.log(res);
			// if (res.data == "jiashizheng") {
			// 	uni.reLaunch({
			// 		url: '../index/index'
			// 	})
			// }
			// if (res.data == "zigezheng") {
			// 	uni.reLaunch({
			// 		url: '../index/qualification'
			// 	})
			// }

			// 	},
			// 	fail(e) {
			// 		console.log("没有设置科目，请继续设置", e)
			// 	}
			// });


			// uni.getStorage({
			// 	key: 'lang_key', //语言
			// 	success: function(res) {
			// 		console.log(res);

			// 		uni.getStorage({
			// 			key: 'year_key', //年份
			// 			success: function(res) {
			// 				console.log(res);
			// 				uni.getStorage({
			// 					key: 'exam_type', //证类型
			// 					success: function(ress) {
			// 						console.log(ress);
			// 						if (ress.data == "jiashizheng") {
			// 							uni.reLaunch({
			// 								url: '../index/index'
			// 							})
			// 						}
			// 						if (ress.data == "zigezheng") {
			// 							uni.reLaunch({
			// 								url: '../index/qualification'
			// 							})
			// 						}

			// 					},
			// 					fail(e) {
			// 						console.log("没有选择考证类型")
			// 					}
			// 				});
			// 			},
			// 			fail(e) {
			// 				console.log("没有选择年份")
			// 			}
			// 		});
			// 	},
			// 	fail(e) {
			// 		console.log("没有选择语言")
			// 	}
			// });
			// uni.getStorage({
			// 	key: 'lang_key', //语言
			// 	success: function(res) {
			// 		console.log(res);

			// 	},
			// 	fail(e) {
			// 		console.log("没有设置语言")
			// 	}
			// });

			//#ifdef APP-PLUS
			that.isdata();
			//#endif

			uni.showLoading({
				title: '加载中',
				mask: true
			});
			setTimeout(function() {
				uni.hideLoading();
			}, 2000)
		},
		onShow() {

			var that = this;
			//语言
			try {
				const value = uni.getStorageSync('lang_key');
				console.log("app onlaunch", value);
				if (value) {
					that.$i18n.locale = value;
					that.lang = value;

				} else {
					that.lang = 'cn';
					that.$i18n.locale = 'cn';
				}
			} catch (e) {
				// error
				that.lang = 'cn';
				that.$i18n.locale = 'cn';
			}
			//题库回显
			uni.getStorage({
				key: 'year_key',
				success: function(res) {
					var types = res.data;
					console.log("题库 ：", res)
					if (types == '2023') {
						that.yearKey = '2024';
					} else {
						that.yearKey = '2022';
					}
					// that.yearKey = types;
				},
				fail() {}
			});
			//资格证和驾驶证
			uni.getStorage({
				key: 'exam_type',
				success: function(res) {
					var types = res.data;
					console.log("驾驶证还是资格证：", res)
					that.drivertype = types;
				},
				fail() {}
			});
			// 车型是否回显
			uni.getStorage({
				key: 'cart_type',
				success: function(res) {
					var types = res.data;
					console.log("cart_type-===", types);
					// that.carttype = getCarType(res.data);
					that.cartname = res.data;
					if (that.drivertype == "jiashizheng") {
						switch (types) {
							case '小车':
								that.carttype = 'C1C2C3';
								that.carttypelink = '';
								break;
							case '摩托车':
								that.carttype = 'DEF';
								that.carttypelink = '';
								break;
							case '客车':
								that.carttype = 'A1A3B1';
								that.carttypelink = '';
								break;
							case '货车':
								that.carttype = 'A2B2';
								that.carttypelink = '';
								break;
							default:
								that.carttype = 'C1C2C3';
								that.carttypelink = '';
								break;
						}
					} else {
						switch (types) {
							case '危险品':
								that.carttypelink = 'Z_WEIXIANPING';
								that.carttype = '';
								break;
							case '客运':
								that.carttypelink = 'Z_KEYUN';
								that.carttype = '';
								break;
							case '货运':
								that.carttypelink = 'Z_HUOYUN';
								that.carttype = '';
								break;
							default:
								that.carttypelink = 'Z_WEIXIANPING';
								that.carttype = '';
								break;
						}
					}

				},
				fail() {}
			});
		},
		methods: {
			selectcity() {
				console.log('sssseee')
				var that = this;
				that.cityshow = true;
			},
			cityChange(e) {
				console.log(e)
				// this.localaddress = e.province.label + '-' + e.city.label + '-' + e.area.label;
				this.localaddress = e.city.label;
			},
			isdata() {
				//#ifdef APP-PLUS
				console.log("jiazai")
				uni.showLoading({
					title: '加载中'
				});
				//检查是否存在数据库，如果不存在，则将static文件夹中预制数据库复制过去
				plus.io.requestFileSystem(plus.io.PRIVATE_DOC, function(fs) {
					//查找数据库文件
					fs.root.getFile(
						'data.db', {
							create: false
						},
						function(fileEntry) {
							//存在则无动作
							console.log("to string:", JSON.stringify(fileEntry));
							console.log("已经存在了！");



							uni.hideLoading();
							console.log("to string:", JSON.stringify(fileEntry));
							if (isOpen('data')) {
								console.log("已经打开了")
								isTable('data', 'Tiku').then((res) => {
									console.log(res)
								}).catch(err => {
									plus.io.resolveLocalFileSystemURL('_www/static/data1.db', function(
										entry) {
										plus.io.resolveLocalFileSystemURL('_doc/', function(
											root) {
											var GName = 'data.db';
											entry.copyTo(
												root,
												GName,
												function(entry) {
													console.log('New Path: ' +
														entry.fullPath);
													uni.hideLoading();
												},
												function(e) {
													uni.hideLoading();
													console.log('错1误' + JSON
														.stringify(e));
												}
											);
										});
									});
								})

								return
							} else {
								console.log("没有打开")
							}
							openDb('data').then(res => {
								console.log(res)
								isTable('data', 'Tiku').then((res) => {
									console.log(res)
								})
							})
							uni.hideLoading();
						},
						function(e) {
							//不存在则复制
							// uni.showLoading({
							//     title: '加载中'
							// });
							plus.io.resolveLocalFileSystemURL('_www/static/data1.db', function(entry) {
								plus.io.resolveLocalFileSystemURL('_doc/', function(root) {
									var GName = 'data.db';
									entry.copyTo(
										root,
										GName,
										function(entry) {
											console.log('New Path: ' + entry.fullPath);
											uni.hideLoading();
										},
										function(e) {
											uni.hideLoading();
											console.log('错1误' + JSON.stringify(e));
										}
									);
								});
							});
							// uni.hideLoading();
							// //查找static文件夹下的数据库
							// plus.io.resolveLocalFileSystemURL('_www/static/data.db', function(entry) {
							// 	//找到则复制过去
							// 	//获取目标地址
							// 	//\内部存储设备\Android\data\io.dcloud.HBuilder\apps\HBuilder\doc
							// 	plus.io.resolveLocalFileSystemURL('_doc/', function(docEntry) {
							// 		//源地址到目标地址复制
							// 		entry.copyTo(docEntry, 'data.db', function() {
							// 			//复制失败未处理
							// 			console.log("复制失败")
							// 		});
							// 	});
							// });
						}
					);
				});
				// #endif
			},


			Langcn() {
				var that = this;
				uni.setStorage({
					key: 'lang_key',
					data: 'cn',
					success: function() {
						console.log('lang key = cn success');
						that.lang = 'cn';
						that.$i18n.locale = 'cn';
					}
				});
				this.reload('cn');
			},
			Langkz() {
				var that = this;
				uni.setStorage({
					key: 'lang_key',
					data: 'kz',
					success: function() {
						console.log('lang key = kz success');
						that.lang = 'kz';
						that.$i18n.locale = 'kz';
					}
				});
				this.reload('kz');
			},
			Languy() {
				var that = this;
				uni.setStorage({
					key: 'lang_key',
					data: 'uy',
					success: function() {
						console.log('lang key = uy success');
						that.lang = 'uy';
						that.$i18n.locale = 'uy';
					}
				});
				this.reload('uy');
			},

			reload(langkey) {
				// this.current = 0;
				var that = this;
				that.lang = langkey;
				that.$i18n.locale = langkey;
				var menlist = [{
						name: this.$t('settings.lang')
					},
					{
						name: this.$t('settings.type')
					},
					{
						name: this.$t('settings.cartype')
					},
					{
						name: this.$t('settings.subject')
					}
				];
				that.numList = menlist;
				uni.setStorage({
					key: 'lang_key',
					data: langkey,
					success: function() {
						console.log('success lang');
					}
				});
			},


			//选择题库年份
			selectYear(year, index) {
				var that = this
				// that.yearKey = year
				if (index == 0) {
					that.yearKey = '2024'
				} else {
					that.yearKey = '2022'
				}
				uni.setStorage({
					key: 'year_key',
					data: index == 0 ? '2023' : '2022',
					success: function() {
						console.log('success lang');
					}
				});
			},


			//驾驶证车型切换
			carttypes(types, names) {
				var that = this;
				that.carttypelink = "";
				console.log(types, names)
				this.typesANDNames = names + types
				that.carttype = types;
				that.cartname = names;
				uni.setStorage({
					key: 'exam_type',
					data: "jiashizheng",
					success: function() {
						console.log('lang key = carttype success');
					}
				});
				uni.setStorage({
					key: 'cart_type',
					data: that.cartname,
					success: function() {
						console.log('lang key = carttype success');
					}
				});

			},

			//资格证车型切换
			carttypeslinks(types, names) {
				var that = this;
				console.log(types, names)
				that.carttypelink = types;
				that.linkok = true;
				that.carttype = types;
				that.cartname = names;
				uni.setStorage({
					key: 'exam_type',
					data: "zigezheng",
					success: function() {
						console.log('success');
					}
				});
				uni.setStorage({
					key: 'cart_type',
					data: that.cartname,
					success: function() {
						console.log('success');
					}
				});

			},

			//选好了
			selectOk() {
				//科目
				uni.setStorage({
					key: 'kemu_type',
					data: "1",
					success: function() {
						// console.log('success111144444444');
					}
				});
				//语言
				if (!uni.getStorageSync("lang_key")) {
					uni.setStorage({
						key: 'lang_key',
						data: this.lang,
						success: function() {
							console.log('success lang');
						}
					});
				}
				//题库
				if (!uni.getStorageSync("year_key")) {
					uni.setStorage({
						key: 'year_key',
						data: this.yearKey == '2024' ? '2023' : this.yearKey,
						success: function() {
							console.log('success lang1111');
						}
					});
				}
				//车型
				if (!uni.getStorageSync("exam_type")) {
					uni.setStorage({
						key: 'exam_type',
						data: "jiashizheng",
						success: function() {
							console.log('success lang1111');
						}
					});
				}
				if (!uni.getStorageSync("cart_type")) {
					uni.setStorage({
						key: 'cart_type',
						data: "小车",
						success: function() {
							console.log('success lang1111');
						}
					});
				}
				uni.getStorage({
					key: 'exam_type',
					success: function(res) {
						var types = res.data;
						if (types == 'jiashizheng') {
							uni.reLaunch({
								url: '../index/index'
							});
						} else {
							uni.reLaunch({
								url: '../index/qualification'
							});

						}

					},
					fail() {}
				});



			}

		}

	}
</script>
<style scoped lang="scss">
	.setting {


		min-height: 100%;
		box-sizing: border-box;
		background: #F7F7F7;
		// font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;font-family: 'ALKATIP Tor Tom';
		// font-family: PingFang SC-Medium, PingFang SC;

		.title {
			width: 100%;
			height: 150rpx;
			background: #0DA0FF;
			font-size: 36rpx;
			// font-family: PingFang SC-Medium, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 200rpx;
			text-align: center;
		}

		.setting_header {
			// padding-top: 30rpx;
			width: 750rpx;
			height: 149rpx;
			background: #0DA0FF;
			font-size: 28rpx;
			// font-family: PingFangSC-Regular, PingFang SC;
			// font-family: PingFangSC-Regular;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 40rpx;
			text-align: center;
		}

		.select-lang {
			width: 690rpx;
			height: 180rpx;
			background-color: #FFFFFF;
			margin-top: -90rpx;
			margin-left: 30rpx;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			padding: 30rpx 30rpx;
			box-sizing: border-box;
			display: flex;
			flex-direction: column;
			justify-content: space-between;

			.lang_top {
				font-size: 30rpx;
				// font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #2B2B2B;
				line-height: 42rpx;
				// font-family: Microsoft YaHei UI-Regular, Microsoft YaHei UI;
			}

			.select_lang-option {
				display: flex;
				justify-content: space-between;

				.lang_one {
					width: 196rpx;
					height: 62rpx;
					background: #FFFFFF;
					border-radius: 8rpx;
					border: 2rpx solid #0DA0FF;
					text-align: center;
					line-height: 60rpx;
					color: #0DA0FF;
					// font-family: ALKATIP Basma Tom;
				}

				.lang-oneed {
					background: #0DA0FF;
					color: #FFFFFF;
				}
			}
		}

		.shipeiTextalgin {
			text-align: right;
		}

		.setting-city {
			width: 690rpx;
			height: 85rpx;
			background: #FFFFFF;
			border-radius: 8rpx;
			margin: 30rpx;
			display: flex;
			justify-content: space-between;

			.city {
				width: 49%;
				height: 100%;
				padding: 0 10rpx;
				box-sizing: border-box;
				display: flex;
				align-items: center;
			}

			.city-left {
				justify-content: space-evenly;

				.city-left-img {
					width: 16rpx;
					height: 22rpx;
				}

				.city-left-text {
					width: 150rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.city-left-hdftk {
					width: 136rpx;
					height: 31rpx;
				}
			}

			.city-right {
				.city-right-address {
					width: 300rpx;
					text-align: right;
				}

				.city-right-img {
					padding: 0 30rpx;
					width: 7rpx;
					height: 13rpx;
				}

			}
		}

		.select-ku {
			width: 690rpx;
			margin-left: 30rpx;
			margin-top: 30rpx;

			.ku-top {
				// width: 394rpx;
				// height: 42rpx;
				font-size: 30rpx;
				// font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #2B2B2B;
				line-height: 42rpx;

				.ku-top-text {
					width: 150rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.ku-top-xin {
					font-size: 24rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #888888;
					line-height: 42rpx;
					margin-left: 15rpx;
				}

			}

			.ku-bottom {
				display: flex;
				justify-content: space-between;
				margin-top: 30rpx;

				.ku-bottom-one {
					width: 329rpx;
					height: 60rpx;
					background-color: #FFFFFF;
					border-radius: 8rpx 8rpx 8rpx;
					text-align: center;
					line-height: 60rpx;
					font-size: 30rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #888888;
				}

				.ku-bottom-oneed {
					background-color: #0DA0FF;
					color: white;
				}
			}
		}

		.select-jsz {
			width: 690rpx;
			margin: 30rpx;
			margin-bottom: 0;

			.jsz-top {
				// width: 306rpx;
				// height: 42rpx;
				font-size: 30rpx;
				// font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #2B2B2B;
				line-height: 42rpx;

				.jsz-top-text {
					width: 150rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				.jsz-top-xin {
					font-size: 24rpx;
					// font-family: PingFangSC-Regular, PingFang SC;
					font-weight: 400;
					color: #888888;
					line-height: 33rpx;
					margin-left: 15rpx;
				}
			}

			.jsz-bottom {
				width: 690rpx;
				margin-top: 30rpx;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;

				.jsz-bottom-item {
					width: 329rpx;
					height: 231rpx;
					background-color: #FFFFFF;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					margin-bottom: 30rpx;


					.sz-bottom-img {
						width: 237rpx;
						height: 82rpx;
						margin-top: 60rpx;
					}

					.mtc {
						width: 190rpx;
						height: 112rpx;
						margin-top: 30rpx;
					}

					.kc {
						width: 237rpx;
						height: 110rpx;
						margin-top: 30rpx;
					}

					.hc {
						width: 192rpx;
						height: 101rpx;
						margin-top: 40rpx;
					}

					.sz-bottom-text {
						font-size: 24rpx;
						// font-family: PingFangSC-Regular, PingFang SC;
						font-weight: 400;
						color: #2B2B2B;
						line-height: 33rpx;
						margin-top: 10rpx;
						text-align: center;
					}
				}

				.jsz-bottom-item-bg {
					background-image: url('../../static/img/usedimg.png');
					background-size: 100% 100%;
				}

			}
		}

		.select-zgz {
			width: 690rpx;
			margin-left: 30rpx;

			.zgz-top {
				font-size: 30rpx;
				// font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #2B2B2B;
				line-height: 42rpx;
			}

			.zgz-bottom {
				width: 690rpx;
				display: flex;
				margin-top: 20rpx;
				justify-content: space-between;

				.zgz-bottom-ed {
					border: #0DA0FF 7rpx solid;
				}

				.zgz-bottom-item {
					width: 180rpx;
					height: 180rpx;
					background: #FFFFFF;
					border-radius: 20rpx 20rpx 20rpx 20rpx;
					opacity: 1;
					text-align: center;
					display: flex;
					flex-direction: column;
					align-items: center;
					padding: 0 5rpx;

					.zgz-bottom-img-one {
						width: 74rpx;
						height: 55rpx;
						// margin-left: 50rpx;
						margin-top: 30rpx;
						margin-bottom: 10rpx;
					}

					.zgz-bottom-img-two {
						width: 90.67rpx;
						height: 90.67rpx;
						// margin-left: 45rpx;
						margin-top: 5rpx;
					}

					.zgz-bottom-img-three {
						width: 56rpx;
						height: 56rpx;
						// margin-left: 60rpx;
						margin-top: 30rpx;
						margin-bottom: 10rpx;
					}
				}

				.shipeiheight {
					width: 205rpx;
					height: 230rpx;
					// padding: 0 10rpx;
				}

				.width {
					width: 180rpx;
				}

			}
		}

		.subbtn {
			position: fixed;
			bottom: 70rpx;
			left: 30rpx;
			width: 691rpx;
			height: 98rpx;
			background-color: #0DA0FF;
			border-radius: 100rpx;
			font-size: 30rpx;
			// font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #2B2B2B;
			line-height: 98rpx;
			text-align: center;
			color: white;
		}
	}

	.fontWeight {
		font-weight: bold;
	}
</style>